<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>食品详情</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!--头部-->
<header class="top">
  <div class="container">
    <div class="logo fontsize5 pull-left"><img src="images/logo (1).png" width="240" /></div>
    
  </div>
  <div class="search pull-right mes" onclick="op(this)">

    </div>
  <div class="menu clearfix">
    <ul class="container" style="width: 1000px">
      <li class=" first"><a href="index.html" target="_self">首页</a></li>
      <li class=""><a class="noborder " href="jinkou.html" target="_self">菜谱</a></li>
      <li class=""><a class="noborder " href="guonei.html" target="_self">食材</a></li>
      <li><a href="news.html" target="_self">健康</a></li>
      <li class=""><a class="noborder " href="remai.html" target="_self">推荐</a></li>
      <li class=""><a class="noborder " href="reg.html" target="_self">注册</a></li>
    </ul>
  </div>
</header>
<script>

function op(ele){
       var pDiv=ele.parentNode;
        if(pDiv.classList.contains("tdiv")){
             pDiv.classList.remove("tdiv");
        }else{
             pDiv.classList.add("tdiv");
        }
}
</script>
<div class="clearfix"></div>
<div class="swiper-container"> 
  <div class="navigation">
    <ul class="container title">
      <li class=" first"><a href="index.html" target="_self">首页</a></li>
      <li class=""><a class="noborder " href="jinkou.html" target="_self">菜谱大全</a></li>
      <li class=""><a class="noborder " href="guonei.html" target="_self">食材大全</a></li>
      <li><a href="news.html" target="_self">健康健身</a></li>
      <li class=""><a class="noborder " href="remai.html" target="_self">最新推荐</a></li>
      <li class=""><a class="noborder " href="reg.html" target="_self">注册</a></li>
    </ul>
  </div>
  <img src="images/c.jpg" width="100%"> </div>
<div class="hei30"></div>
<div class="container center bod">
  <div class="col-md-12 col-lg-12 ">
    <div class=" pad0 weizhi "> <span class="pull-left fontsize4">食品大全</span>
      <p class="clearfix"></p>
    </div>
    <br>
    <br>
    <div class="col-sm-6 col-xs-12"> <img src="images/cp1.jpg" style="height:300px"> </div>
    <div class="col-sm-6 col-xs-12">
      <h1 class="fontsize5">汤圆</h1>
      <h2> <font color="#FF0000">￥9.00</font> </h2>
      <p>汤圆
        汤圆，别称“汤团”“浮元子”，是汉族传统小吃的代表之一 。同时，也是中国的传统节日元宵节所最具有特色的食物，也表达了古代人民对幸福生活的一种向往和期盼。<br>
        据传，汤圆起源于宋朝。当时的明州（现浙江省宁波市）所兴起的一种新奇食品，即用黑芝麻、猪板油做馅、加入少许白糖，外面用糯米粉搓成圆形，煮熟后，吃起来香甜软糯，回味无穷。同时，汤圆象征合家团圆美满，吃汤圆也意味着在新的一年里合家幸福、团团圆圆，所以是正月十五元宵节必备美食。
        配点辣菜护脾胃。汤圆含糖特别高，而太甜的食物会影响脾胃。中医说“甘入脾”，味甘的食物如汤圆，
        有“缓滞”作用，适量摄取能为肠胃带来能量，帮助消化吸收吃进肚子里的食物，但是吃多了则会减缓肠胃蠕动，导致打嗝、胀气、腹泻、食欲不振、消化不良等消化道症状。因此，在吃汤圆的同时，可以搭配一些辛味的食物，如葱、姜、蒜、辣椒等，来平衡汤圆带来的滞缓效果，减低对脾胃的伤害。所以吃汤圆最好搭配一些小菜，比如蒜泥茄子、洋葱拌木耳等，不仅爽口解腻，营养也更均衡。

      </p>
      <div>
        <input type="submit" class="btn btn-danger" value="立即购买">
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="content"> </div>
  </div>
  <div class="clearfix "></div>
  <div class="hei30"></div>
</div>
<!--底部-->
<div class="clearfix"></div>
<div class="Footer-wrapper">
  <div class="fcr">网页底部 </div>
</div>

</body>
</html>
